<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="nubia_yangshi.css">
</head>

<body>
    <header>
        <div class="w">
            <ul class="w nav_head">
                <li><a href="" class="logo"></a></li>
                <li>
                    <ul class="w head_links">
                        <li><a href="#" class="a_white">首页</a></li>
                        <li><a href="#" class="a_white">商城</a></li>
                        <li><a href="#" class="a_white">产品</a></li>
                        <li><a href="#" class="a_white">应用</a></li>
                        <li><a href="#" class="a_white">服务</a></li>
                        <li><a href="#" class="a_white">体验店</a></li>
                        <li><a href="#" class="a_white">社区</a></li>
                    </ul>
                </li>
                <li>
                    <ul class="login_register">
                        <li></li>
                        <li><a href="" class="a_white">注册</a></li>
                        <li><a href="" class="a_white">登录</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </header>
    <div class="nav_top w">
        <ul>
            <li>
                <a href=""><img src="img/nav-phone1.png" alt="">
                    <p>Z11 minS<span class="red_font">新款</span></p>
                </a>
            </li>
            <li>
                <a href=""><img src="img/nav-phone2.png" alt="">
                    <p>Z11 minS<span class="red_font">新款</span></p>
                </a>
            </li>
            <li>
                <a href=""><img src="img/nav-phone3.png" alt="">
                    <p>Z11 minS<span class="red_font">新款</span></p>
                </a>
            </li>
            <li>
                <a href=""><img src="img/nav-phone4.png" alt="">
                    <p>Z11 minS<span class="red_font">新款</span></p>
                </a>
            </li>
            <li>
                <a href=""><img src="img/nav-phone5.png" alt="">
                    <p>Z11 minS<span class="red_font">新款</span></p>
                </a>
            </li>
            <li>
                <a href=""><img src="img/nav-phone6.png" alt="">
                    <p>Z11 minS<span class="red_font">新款</span></p>
                </a>
            </li>
            <li>
                <a href=""><img src="img/nav-phone7.png" alt="">
                    <p>Z11 minS<span class="red_font">新款</span></p>
                </a>
            </li>
        </ul>
    </div>
    <div class="banner">
        <div class="w">
            <ul class="point">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
    <div class="w nav">
        <ul>
            <li>
                <div class="play">
                    <img src="img/nb-pro-video-ico-s.png" alt="">
                    <h3>Z11黑金版</h3>
                    <p>产品视频</p>
                </div>
            </li>
            <li>
                <div class="play">
                    <img src="img/nb-pro-video-ico-s.png" alt="">
                    <h3>Z11黑金版</h3>
                    <p>产品视频</p>
                </div>
            </li>
            <li>
                <div class="play">
                    <img src="img/nb-pro-video-ico-s.png" alt="">
                    <h3>Z11黑金版</h3>
                    <p>产品视频</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="w news_product">
        <h1>最新产品</h1>
        <p class="red_font">查看所有产品&gt;</p>
    </div>
    <div class="w good_phone">
        <ul>
            <li class="w no1_phone">
                <img src="img/con-phone1.jpg" alt="">
                <div class="no1_script">
                    <h3>Z11极光蓝</h3>
                    <p>极光蓝</p>
                    <button>一探究竟</button>
                </div>
            </li>
            <li class="no2_phone">
                <img src="img/con-phone2.jpg" alt="">
                <div class="no2_script">
                    <h3>Z11极光蓝</h3>
                    <p>极光蓝</p>
                    <button>一探究竟</button>
                </div>
            </li>
            <li class="no3_phone">
                <img src="img/con-phone3.jpg" alt="">
                <div class="no3_script">
                    <h3>Z11极光蓝</h3>
                    <p>极光蓝</p>
                    <button>一探究竟</button>
                </div>
            </li>
            <li class="no4_phone">
                <img src="img/con-phone4.jpg" alt="">
                <div class="no4_script">
                    <h3>Z11极光蓝</h3>
                    <p>极光蓝</p>
                </div>
            </li>
            <li class="no5_phone">
                <img src="img/con-phone5.jpg" alt="">
                <div class="no4_script">
                    <h3>Z11极光蓝</h3>
                    <p>极光蓝</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="w jingxuan_peijian">
        <h1>精选配件</h1>
        <p class="red_font">查看所有产品&gt;</p>
    </div>
    <div class="w good_peijian">
        <ul>
            <li><div><img src="img/accessories1.jpg" alt=""></div>
                <p>努比亚快充移动电源</p>
            </li>
            <li><div><img src="img/accessories2.jpg" alt=""></div>
                <p>努比亚快充移动电源</p>
            </li>
            <li><div><img src="img/accessories3.jpg" alt=""></div>
                <p>努比亚快充移动电源</p>
            </li>
            <li><div><img src="img/accessories4.jpg" alt=""></div>
                <p>努比亚快充移动电源</p>
            </li>
        </ul>
    </div>
    <footer class="w">
        <p>
            <img src="img/nb-pro-ft-logo-x2.jpg" alt="">
            <a href="">全部机型&gt;</a>
        </p>
        <div class="links">
            <dl>
                <dt>Z系列</dt>
                <dd>nuiba Z11</dd>
                <dd>nuiba Z11s</dd>
                <dd>nuiba Z11 mini</dd>
                <dd>nuiba Z11 max</dd>
                <dd>nuiba Z11 pro</dd>
                <dd>nuiba Z11 plus</dd>
            </dl>
            <dl>
                <dt>Z系列</dt>
                <dd>nuiba Z11</dd>
                <dd>nuiba Z11s</dd>
                <dd>nuiba Z11 mini</dd>
                <dd>nuiba Z11 max</dd>
                <dd>nuiba Z11 pro</dd>
                <dd>nuiba Z11 plus</dd>
            </dl>
            <dl>
                <dt>Z系列</dt>
                <dd>nuiba Z11</dd>
                <dd>nuiba Z11s</dd>
                <dd>nuiba Z11 mini</dd>
                <dd>nuiba Z11 max</dd>
                <dd>nuiba Z11 pro</dd>
                <dd>nuiba Z11 plus</dd>
            </dl>
        </div>
        <ul>
            <li>关于我们</li>
            <li>|</li>
            <li>联系我们</li>
            <li>|</li>
            <li>新闻中心</li>
            <li>|</li>
            <li>加入我们</li>
            <li>|</li>
            <li>合作注册</li>
            <li>|</li>
            <li>公益</li>
            <li>|</li>
            <li>以旧换新</li>
            <li>|</li>
            <li>问题反馈</li>
            <li>|</li>
            <li>简体中文</li>   
        </ul>
        <div class="logos"></div>
        <p class="safe">
            2012-2017努比亚科技有限公司 版权所有 粤ICP备100006213号-2
            <img src="img/gs.jpg" alt="">
            深圳市市场监督管理局企业主体身份公示ICP经营许可证编号：粤B2-20120688 
            <img src="img/gh.png" alt="">
            粤公网安备 44030502000309
        </p>
    </footer>
</body>

</html>